<template>
    <div class="bottom">
        <img src="../assets/img/pubilcImg/2021.png" alt="" class="two">
        <div class="ico">
            <img src="../assets/img/hydroImg/ico1.png" alt="" class="ico1" @click="open" >
            <img src="../assets/img/hydroImg/ico2.png" alt="" @click="open">
            <img src="../assets/img/hydroImg/ico3.png" alt="" @click="open">
            <img src="../assets/img/enterImg/ico4.png" alt="" @click="open">
        </div>
    </div>
</template>

<script>
    export default {
        name: "bottom",
        methods:{
            open(){
                this.$alert('coming soon', 'Tips', {
                    confirmButtonText: 'Yes',
                    confirmButtonClass: 'btnt'
                });
            },
        }
    }
</script>

<style lang="less">
    .btnt{
        background: rgb(246,206,97) !important;
        color: black !important;
        border: none !important;
    }
    .bottom{
        position: fixed;
        top: 900px;
        width: 1200px;
        display: flex;
        align-items: center;
    .ico{
        width: 192px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 445px;
    }
    }
</style>
